<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml" xmlns:th="http://www.w3.org/1999/xhtml">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
    <title th:text="${title}"></title>
    <meta name="keywords" content=""/>
    <meta name="description" content=""/>
    <link rel="stylesheet" type="text/css" href="/public/css/common.css?v7.2"/>
    <link rel="stylesheet" type="text/css" href="/public/css/public.css?v1"/>
    <script type="text/javascript" src="/public/js/jq.js?v4.1"></script>
    <script type="text/javascript" src="/public/js/ss.js?v4.8"></script>
    <meta http-equiv="mobile-agent" content="format=xhtml;url=/m/index.php">
    <script type="text/javascript">if (window.location.toString().indexOf('pref=padindex') != -1) {
    } else {
        if (/AppleWebKit.*Mobile/i.test(navigator.userAgent) || (/MIDP|SymbianOS|NOKIA|SAMSUNG|LG|NEC|TCL|Alcatel|BIRD|DBTEL|Dopod|PHILIPS|HAIER|LENOVO|MOT-|Nokia|SonyEricsson|SIE-|Amoi|ZTE/.test(navigator.userAgent))) {
            if (window.location.href.indexOf("?mobile") < 0) {
                try {
                    if (/Android|Windows Phone|webOS|iPhone|iPod|BlackBerry/i.test(navigator.userAgent)) {
                        window.location.href = "/m/index.php";
                    } else if (/iPad/i.test(navigator.userAgent)) {
                    } else {
                    }
                } catch (e) {
                }
            }
        }
    }</script>
</head>
<body>
<div class="pb-container">
    <div class="pb-container-main pb-after-clear"> <!-- 公共头部 -->

        <div class="pb-main pb-navwrap pb-after-clear" th:include="web_public :: header">
        </div>
        <!-- 公共头部 -->

        <!-- 当前页面内容 -->
        <link rel="stylesheet" type="text/css" href="/public/css/jquery.slideBox.css"/>
        <link rel="stylesheet" type="text/css" href="/public/css/index.css?v2"/>
        <div class="pb-main pb-mt10">
            <div id="bSlideBox" class="pb-main slideBox">
                <ul class="items">
                    <li><a target="_blank" href="#"><img
                            src="/public/img/1-1F2222255120-L.jpg" alt=""/></a>
                    </li>
                    <li><a target="_blank" href="#"><img
                            src="/public/img/1-1F2222254460-L.jpg" alt=""/></a>
                    </li>

                </ul>
            </div>
        </div>
        <script>
            $(document).ready(function () {
                $('#bSlideBox').slideBox({
                    duration: 0.7,
                    //direction : 'top',
                    easing: 'linear',
                    delay: 5,
                    hideClickBar: true,
                    clickBarRadius: 10
                });
            });
        </script>
        <div style="clear:both;"></div>
        <div class="pb-main pb-mt20">
            <h3 class="idx-t1"><a href="/web/article/toList?articleType=优秀文章" class="pb-clr1">优秀文章</a></h3>
            <div class="idx-line1"></div>
            <div class="idx-ycwz-1 pb-mt20 pb-after-clear"><a href="#" class="pb-iblock pb-fl"> <img
                    src="/public/img/1FT4DO-0.jpg" class="pb-block idx-ycwz-yxwz"
                    alt="耐住寂寞的智慧"/> </a>

                <div class="pb-iblock pb-fl d1">
                    <h6><a class="pb-clr1 pb-size-big">最新文章 | <span>你如何看待高中生恋爱</span></a></h6>
                    <div class="pb-line2 pb-mt5" style="border:0;"></div>
                    <ul th:each="article:${article}">
                        <li class="pb-mt20">
                            <a th:href="@{'/web/article/detail?id='+${article.id}}">
                                <img th:src="${article.articlePicture}" class="pb-fl idx-ycwz-yxwz2"/>
                            </a>
                            <a th:href="@{'/web/article/detail?id='+${article.id}}" class="pb-fl rt"
                               th:text="${article.articleTitle}"></a>
                            <p class="pb-iblock" th:text="${#strings.substring(article.articleAbstract,0,30)}"></p>
                        </li>
                    </ul>
                </div>
                <!--右侧-->
                <div class="pb-iblock pb-fr pb-after-clear pb-main-side">
                    <div class="pb-main-side pb-iblock pb-after-clear pb-fr">
                        <h6 class="pb-clr1 pb-size-big">征文排行</h6>
                        <div class="pb-line2 pb-mt5"></div>
                        <ul class="pb-mt10 previous-term pb-size-normal" th:each="top:${articleTop7}">
                            <li>
                                <span>.</span>
                                <a th:href="@{'/web/article/detail?id='+${top.id}}"
                                   th:text="${top.articleTitle}"></a>
                                <div class="pb-line2"></div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!--右侧-->
            </div>
            <h3 class="idx-qtsj-t pb-mt50">
                <div class="inx-qtsj-line pb-fr"></div>
                <div class="inx-qtsj-line pb-fl"></div>
                <a href="/web/article/list?articleType=倾听世界&page=1"> <span class="chn">倾听世界</span> <br/>
                    <span class="eng">LISTEN TO THE WORLD</span> </a></h3>
            <div class="idx-qtsj pb-mt20 pb-after-clear">
                <ul th:each="article:${type2}">
                    <li>
                        <a th:href="@{'/toDetail?id='+${article.id}}">
                            <img th:src="${article.articlePicture}" class="pb-block" style="width:200px;"
                                 th:alt="${article.articleTitle}"/>
                        </a>
                        <table class="pb-opac70">
                            <tbody>
                            <tr>
                                <td class="tle" th:text="${#strings.substring(article.articleTitle,0,9)}"></td>
                                <td class="num" th:text="@{'+'+${article.readTime}}"></td>
                            </tr>
                            </tbody>
                        </table>
                    </li>

                </ul>
            </div>
            <div style="clear:both;"></div>
            <h3 class="idx-t1 pb-mt50"><a href="/web/article/list?articleType=每日一笑&page=1" class="pb-clr1">每日一笑</a>
            </h3>
            <div class="idx-line1"></div>
            <div class="idx-mryx pb-mt20 pb-after-clear">
                <div class="d1 pb-fl"><img src="http://demo380.adminbuy.cn/style/images/b_smile_left.jpg" class="pb-fl"
                                           alt=""/> <a href="/web/article/list?articleType=每日一笑&page=1"
                                                       class="tle pb-fl pb-clr1">搞笑段子&nbsp;&nbsp;|&nbsp;&nbsp;
                    <span class="pb-clr2">更多</span></a>
                    <ul class="pb-mt15 pb-fl pb-size-normal" th:each="article:${type3}">
                        <li th:if="${(articleStat.index % 2) eq 0}"><span>.</span> <a
                                th:href="@{'/web/article/detail?id='+${article.id}}"
                                th:text="${article.articleTitle}"></a></li>
                    </ul>
                </div>
                <div class="d1 pb-fl d1-2"><img src="http://demo380.adminbuy.cn/style/images/b_smile_left1.jpg"
                                                class="pb-fl" alt=""/> <a
                        href="/web/article/list?articleType=每日一笑&page=1" class="tle pb-fl pb-clr1">笑话排行&nbsp;&nbsp;|&nbsp;&nbsp;
                    <span class="pb-clr2">更多</span></a>
                    <ul class="pb-mt15 pb-fl pb-size-normal" th:each="article:${type3}">
                        <li th:if="${(articleStat.index % 2) eq 1}"><span>.</span> <a
                                th:href="@{'/web/article/detail?id='+${article.id}}"
                                th:text="${article.articleTitle}"></a></li>
                    </ul>
                </div>
                <div class="d2 pb-fr"><img class="pb-block"
                                           src="/public/img/b_smile_right.jpg" alt=""/>
                    <table class="pb-mt10">
                        <tbody>
                        <tr>
                            <td><a href="#">各种口味</a></td>
                            <td><a href="#">少儿不宜</a></td>
                            <td><a href="#">超级内涵</a></td>
                        </tr>
                        <tr>
                            <td><a href="#">图片笑话</a></td>
                            <td><a href="#">贴近生活</a></td>
                            <td><a href="#">校园趣闻</a></td>
                        </tr>
                        </tbody>
                    </table>
                </div>
            </div>
            <div style="clear:both;"></div>
            <h3 class="idx-t1 pb-mt50"><a href="/web/article/list?articleType=叫醒耳朵&page=1" class="pb-clr1">叫醒耳朵</a>
            </h3>
            <div class="idx-line1"></div>
            <div class="idx-jxed pb-mt20 pb-after-clear">
                <div class="pb-fl d1">
                    <ul th:each="article:${type4}">
                        <li><img class="pb-fl" th:src="${article.articlePicture}"
                                 th:alt="${article.articleTitle}"/>
                            <dl class="pb-fl">
                                <dt><a th:href="@{'/web/article/detail?id='+${article.id}}"
                                       th:text="${article.articleTitle}"></a></dt>
                                <dd class="cnt" th:text="${#strings.substring(article.articleAbstract,0,30)}"></dd>
                            </dl>
                        </li>
                    </ul>
                </div>
                <div class="d2 pb-fr">
                    <dl>
                        <dt><a href="javascript:;"> <img
                                src="/public/img/post_10001_c1be1e419b.jpg" alt=""/> </a>
                        </dt>
                        <dd class="term pb-size-big"> 第二期</dd>
                        <dd class="tle"><a href="javascript:;">第二期：回首这匆匆十年</a></dd>
                    </dl>
                </div>
            </div>
            <script>
                $(document).ready(function () {
                    AudioPlayer.setup("js/player.swf", {
                        width: 300,
                        initialvolume: 100
                    });
                    $(".auplayer").each(function () {
                        AudioPlayer.embed($(this).attr('id'), {
                            soundFile: $(this).attr('f'),
                            titles: $(this).attr('t'),
                            artists: $(this).attr('a'),
                            autostart: "no",
                            loop: "no"
                        });
                    });
                });
            </script>
        </div>
        <script type="text/javascript" src="http://demo380.adminbuy.cn/style/js/jquery.slideBox.js"></script>
        <script type="text/javascript" src="http://demo380.adminbuy.cn/style/js/ap.js"></script>
        <script>
            $(document).ready(function () {
                $(".idx-qtsj li").hover(function () {
                    $(this).find('table').stop().animate({'bottom': '-40px'}, 500);
                }, function () {
                    $(this).find('table').stop().animate({'bottom': '0px'}, 500);
                });
            });
        </script>
        <!-- 当前页面内容结束 -->
    </div>
    <!-- 公共尾部 -->

    <div style="clear:both;"></div>
    <div class="pb-footer" th:include="web_public :: footer">
    </div>
</div>

<script type="text/javascript" src="/bower_components/jquery/dist/jquery.min.js"></script>
<script>

    init();


    function init() {
        /*$.post("/api/vl/selectAllArticle",{},function(data){})*/
        $.noConflict();    // 让jQuery放弃$变量的控制
        jQuery.ajax({
            type: 'POST',
            url: "/web/article/selectAllArticle",
            success: function (result) {
                //alert("添加成功");
            },
            error: function (result) {
                // alert("查询失败");
            }
        })
    }

</script>

</body>
</html>